<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Electronix Store</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script>
PositionX = 100;
PositionY = 100;

defaultWidth  = 600;
defaultHeight = 270;
var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=600,height=270,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open(imageURL,'',optNN);}
if (isIE){imgWin=window.open(imageURL,'',optIE);}
with (imgWin.document){
/*writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
*///writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
//window.open(imageURL)
//writeln(imageURL);

close();
}}

</script>
<script type="text/javascript" src="js/boxOver.js"></script>
</head>
<body>
<form id="frmIndex" action=""  method="post">
<div id="main_container">
  <div id="header">

        <div id="logo">
            <a href="index.jsp"><img src="images/logo.png" alt="" title="" border="0" width="237" height="100" /></a>
	    </div>

			<div class="oferte_content">
        	<div class="top_divider"><img src="images/header_divider.png" alt="" title="" width="1" height="130" /></div>
        	<div class="oferta">

           		<div class="oferta_content">
                	<img src="images/Banner.jpg" width="94" height="94" border="0" class="oferta_img" />

                    <div class="oferta_details">
                            <div class="oferta_title">Restaurante Rodrigo</div>
                            <div class="oferta_text">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                            </div>
							<!--
                            <a href="details.jsp" class="details">details</a>
							-->
                    </div>
                </div>
          </div>
        	<div class="top_divider"><img src="images/header_divider.png" alt="" title="" width="1" height="130" /></div>

        </div> <!-- end of oferte_content-->


    </div>

   <div id="main_content">

<div id="menu_tab">
            <div class="left_menu_corner"></div>
                    <ul class="menu">
                         <li><a href="index.jsp" class="nav1">  Home </a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav2">Preguntas Frecuentes</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav3">Reglamento</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav4">Guia de establecimientos</a></li>
                         <li class="divider"></li>
                         <li><a href="contact.html" class="nav6">Contáctanos</a></li>
                    </ul>

             <div class="right_menu_corner"></div>
            </div>
			<!-- end of menu tab -->

    <div class="crumb_navigation">
    Navegacion: <span class="current">Home</span>

    </div>

    <div class="left_content">


	<div class="title_box">Categorias</div>

        <ul class="left_menu">
            <% int i=0; %>
            <c:forEach var="categoria" items="${categorias}">
                        <%  i = i+1;
                            if (i%2==0)
                            {
                         %>
                         <li class="even">
                         <% }else{ %>
                         <li class="odd">
                         <% } %>
                    
                   <a href="index.jsp"> ${categoria.desRubro}</a>
                   </li>
            </c:forEach>

        </ul>

     </div>
   <!-- end of left content -->

   <div class="center_content">
   	<div class="center_title_bar_popup">Listado de Promociones</div>

	<!-- INICIO FOR -->
        <c:forEach var="promocion" items="${promociones}">
        
    	<div class="prod_box">
        	<div class="top_prod_box"></div>
				<div class="center_prod_box">
					 <div class="product_title"><a href="javascript:popImage('details.jsp','Some Title')"> ${promocion.producto.establecimiento.desEstablecimiento}  </a></div>
					 <div class="product_img">
						 <div class="product_img_left"><a href="javascript:popImage('details.jsp','Some Title')"><img src="${promocion.producto.imagen}" height="92" border="0" alt=""  title="" class="left_bt" ></a></div>
						 <span class="reduce"> ${promocion.producto.desProducto}</span>
					 </div>
             	<div class="prod_price">

				 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" class="verdana_9">
                              <tr>
                                <td height="4"></td>
                                <td class="verdana_9"></td>
                              </tr>
                              <tr>
                                <td width="48" height="15" align="right" ><span  class="price"> ${promocion.regla01Puntos}</span> &nbsp;</td>
                                <td width="50" class="verdana_9" style="border-left:#B4E7F9 1px solid;"><img src="images/puntos.gif"></td>
                              </tr>
                              <tr align="center">
                                <td colspan="2" style="border-top:#B4E7F9 1px solid"><span class="reduce"> ${promocion.regla02Puntos} + ${promocion.regla02Dinero}</span> </td>
                              </tr>
               </table>
				 </div>
            </div>
            <div class="bottom_prod_box"></div>
      </div>
	</c:forEach>
        <!-- FIN FOR -->
	<!-- 
    	<div class="center_title_bar_popup">Promociones</div>

      	<div class="prod_box">
        	<div class="top_prod_box"></div>
            <div class="center_prod_box">
                 <div class="product_title"><a href="javascript:popImage('details.jsp','Some Title')"><img src="images/uploads/establecimientos/el_pozito_almendariz.jpg" border="0" ></a></div>
                 <div class="product_img">
					 <div class="product_img_left"><a href="javascript:popImage('details.jsp','Some Title')" title="header=[Zoom] body=[&nbsp;] fade=[on]"><img src="images/uploads/elpozito/elPozito_jw_dorada_c.jpg" height="92" border="0" alt=""  title="" class="left_bt" ></a></div>
					 <span class="reduce"> Almuerzo o cena a la carta para 2 personas. <br />Incluye: entrada, plato de fondo, postre y gaseosa.</span>
				 </div>
                 <div class="prod_price">
				 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" class="verdana_9">
                              <tr>
                                <td height="4"></td>
                                <td class="verdana_9"></td>
                              </tr>
                              <tr>
                                <td width="48" height="15" align="right"><span  class="price"> 3,400</span> </td>
                                <td width="50" class="verdana_9" style="border-left:#B4E7F9 1px solid;"><img src="images/puntos.gif"></td>
                              </tr>
                              <tr align="center">
                                <td colspan="2" style="border-top:#B4E7F9 1px solid"><span class="reduce"> 1,700 + S/.100</span> </td>
                              </tr>
                  </table>
				 </div>
            </div>
            <div class="bottom_prod_box"></div>
      </div>
        <div class="prod_box">
        	<div class="top_prod_box"></div>
            <div class="center_prod_box">
                 <div class="product_title"><a href="javascript:popImage('details.jsp','Some Title')"><img src="images/uploads/establecimientos/nikon.jpg" border="0" ></a></div>
                 <div class="product_img">
					 <div class="product_img_left"><a href="javascript:popImage('details.jsp','Some Title')" title="header=[Zoom] body=[&nbsp;] fade=[on]"><img src="images/uploads/nikon/nikon_camara_c.jpg" height="92" border="0" alt=""  title="" class="left_bt" ></a></div>
					 <span class="reduce"> Almuerzo o cena a la carta para 2 personas. <br />Incluye: entrada, plato de fondo, postre y gaseosa.</span>
				 </div>

                 <div class="prod_price">
				 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" class="verdana_9">
                              <tr>
                                <td height="4"></td>
                                <td class="verdana_9"></td>
                              </tr>
                              <tr>
                                <td width="48" height="15" align="right"><span  class="price"> 3,400</span> </td>
                                <td width="50" class="verdana_9" style="border-left:#B4E7F9 1px solid;"><img src="images/puntos.gif"></td>
                              </tr>
                              <tr align="center">
                                <td colspan="2" style="border-top:#B4E7F9 1px solid"><span class="reduce"> 1,700 + S/.100</span> </td>
                              </tr>
                  </table>
				 </div>
            </div>
            <div class="bottom_prod_box"></div>
      </div>
-->


   	 </div>
   <!-- end of center content -->

   <div class="right_content">

   <div class="title_box">Bienvenido</div>
	<div class="border_box">
		<input type="text" name="txtUsuario" class="newsletter_input" value="${usuario.nombre}" readonly="true"/>
     </div>




     <div class="shopping_cart" style="padding-top:8px; padding-bottom:10px">
        	<div class="cart_title">ESTADO DE CUENTA</div>

            <div class="cart_details" style="width:170px; ">
            
				${usuario.puntos} Puntos Disponibles <br />
				<span class="border_cart" >
				<a href="index.jsp" title="header=[Que puedo Canjear?] body=[&nbsp;] fade=[on]" class="product_title">Ver que puedo Canjar</a>
				</span>
            </div>




      </div>

    </div>
   <!-- end of right content -->


   </div><!-- end of main content -->



   <div class="footer">
     <div class="right_footer">
        <a href="index.jsp">home</a>
        <a href="#">rss</a>
        <a href="contact.html">Contactenos</a>        </div>

   </div>


</div>
</form>
<!-- end of main_container -->


</body>
</html>
